<!DOCTYPE html>
<html>
	<head>
		<!-- <meta name="KEYWords" content="中印关系,中印">向搜索引擎说明你的网页的关键词； -->
		<meta charset="UTF-8"><!-- 设置网页的编码格式为utf-8 -->
		<meta name="KEYWords" content="java培训,java教育">
		<!-- 定时让网页在指定的时间n内，跳转到页面http://yourlink； -->
		<!-- <meta http-equiv="Refresh" content="10;url=http://www.baidu.com"> -->
		<title>这是第一个主页</title><!-- 文档的标题  区别：文件名-first.html -->
		<!-- <base href="http://www.baidu.com" target="_blank"> --><!--标签为页面上的所有链接规定默认地址或默认目标。  -->
	</head>
	<body>
	<a name="top"></a><a href="#bottom">直达底部</a>
		这是文档的正文
		这又是文档的正文
		
		<!-- h1~h6  -->
		<h1>html文档</h1>
		<h2>html文档</h2>
		<h3>html文档</h3>
		<h4>html文档</h4>
		<h5>html文档</h5>
		<h6>html文档</h6>
		<h7>html文档</h7><!-- 自定义的标签 -->
		<p>秋名山&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上行人稀，</p>
		<p>
			<blockquote>常有车手较高低。</blockquote>
		</p>
		<p>如今道路依旧在，</p>
		<p>不见当年老司机。</p>	
		
		<p>独立宣言的一段：</p>
		<blockquote>
			When in the course of human events, it becomes necessary for one people to dissolve the political bands which have connected them with another, and to assume among the powers of the earth, the seperate and equal station to which the Laws of Nature and of Nature's God entitle them, a decent respect to the opinions of mankind requires that they should declare the causes which impel them to the separation.
		</blockquote>
	<!-- 
		特殊字符：
			空格：&nbsp;
			<:&lt;
			>:&gt;
			版权符号：&copy;
			&:&amp;
			已注册符号：&reg;
	 -->
	 	<p>。.....</p>
	 	<p>。.....</p>
	 	<p>。.....</p>
	 	<p>。.....</p>
	 <!-- 列表：有序 ol 无序 ul dl -->
	 <ol><!--有序列表：自动编号，从1开始  -->
	 	<li>选项1</li>
	 	<li>选项2</li>
	 	<li>选项3</li>
	 	<li>选项4</li>
	 </ol>
	 <ul>
	 	<li>选项1</li>
	 	<li>选项2</li>
	 	<li>选项3</li>
	 	<li>选项4</li>
	 </ul>
	 
	 <dl>
	 	<dt>猫</dt>
	 	<dd>可以抓老鼠的动物，还可以卖萌</dd>
	 	<dt>雪碧</dt>
	 	<dd>是一种透明的碳酸饮料</dd>
	 </dl>
   1.2
  +2.3
  -----
   3.5
	 
	<pre>
   1.2
  +2.3
  -----
   3.5
 		这是文档的正文
		这又是文档的正文  	
</pre>
<!-- div:不包含任何样式，把body分成一块块  span：不包含任何样式,通常用于文本，把文本分割成块  -->	
<div>
如今道路依旧在，
</div> 
<div>
	<span> 如今道路依旧在，</span>
</div>  
<hr><!-- 一道横线 -->
<!--herf:链接目标的路径  相对路径：  绝对路径：  -->
<a href="">这是超链接</a> <br><!-- 换行  -->
<!--  ..:代表向上一级目录(父目录) -->
<a href="../js/first_a.html">这是超链接2</a><br>
<a href="E:\j149workspace\html\html\js\first_a.html">这是超链接2</a><br>
<!-- target属性: 链接打开方式  _blank :在新窗口打开请求的链接 -->
<a href="http://www.baidu.com"  target="_blank" >链接到网上</a><br>
<!--锚点：定位 
	创建锚点：<a name="top"></a>
	使用锚点：<a href="#top">返回顶部</a>
 -->		<!-- accesskey="g"快捷键 选中(在window操作系统中alt+g)。如果是a标签则自动跳转    -->
 <a href="../js/first_a.html#center" tabindex="1" accesskey="g">按table键第一次就能选中我</a><br>
 
 
<a href="#top">返回顶部</a><br> <a name="bottom"></a>
<a href="../js/first_a.html#center" target="_blank">跳转到first_a.html的中间去</a><br>
 <a href=""  tabindex="2">按table键第二次就能选中我</a>
 <br>
  <br>
  <!--alt:是对图片的说明 src：图片路径  -->
 <img alt="图片拼命加载中……" src="../js/1.gif"  width="50px" height="50px">
  <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
 
 
 
	</body>
</html>